﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wfTravelIndex.aspx.cs" Inherits="msBsc.WebUi.wMall.Public.wfTravelIndex" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>旅游资讯</title>
    <link href="/jqPlugin/SelectSimu/css/base.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/sLayout.css" rel="stylesheet" />
    <link href="/themes/wStyle1/css/Public/sTravel.css" rel="stylesheet" />
    <style type="text/css">
        .viewPC_head {
            border-bottom: none !important;
        }
    </style>
</head>
<body>
    <%=msBsc.WebUi.Code.QtHtmlGet.GetHeaderLoginInfo() %>
    <div class="viewPC">
        <div id="slider" class="slider" style="overflow: hidden; width: 1200px; height: 100%;">
            <ul class="slider_touch" style="font-size: 0; width: 1200px; margin: 0; padding: 0; left: 0px; position: relative; white-space: nowrap;">
                <li class="selected" style="" pnum="0"><a href="/wp_TravelScenicList.htm">
                    <img style="z-index: 1; height: 394px; width: 1200px;" src="/themes/wStyle1/Images/Public1/trave1.png 1200x394img.jpg" /></a></li>
                <li class="" style="" pnum="1"><a href="/wp_TraveFoodList.htm">
                    <img style="z-index: 1; height: 394px; width: 1200px;" src="/themes/wStyle1/Images/Public1/nicefood.jpg 1200x394img.jpg" /></a></li>
                <li class="" style="" pnum="2"><a href="/wp_TraveSpecialtyList.htm">
                    <img style="z-index: 1; height: 394px; width: 1200px;" src="/themes/wStyle1/Images/Public1/specialty.jpg 1200x394img.jpg" /></a></li>
            </ul>
            <div id="serial-number" class="serial-number" style="z-index: 1;">
                <span class="point  selected " pnum="0"></span>
                <span class="point " pnum="1"></span>
                <span class="point " pnum="2"></span>
            </div>
        </div>

        <div class="hot_name"><a href="/wp_TravelScenicList.htm"><span class="hot_title_img"></span>热门景点</a></div>
        <ul class="hot_list" id="scenicList">
           
        </ul>
        <div class="hot_name"><a href="/wp_TraveFoodList.htm"><span class="hot_title_img"></span>热门美食</a></div>
        <ul class="hot_list" id="foodList">
        </ul>
        <div class="hot_name"><a href="/wp_TraveSpecialtyList.htm"><span class="hot_title_img"></span>热门购物</a></div>
        <ul class="hot_list" id="specialtyList">
        </ul>
        <xmp id="svc_list_temp_scenic" style="display: none;">
            {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                {{#if(i==0){ }}
                     <li class="hot_first first hot_all">
                        <a class="hot_c" href="/wp_TravelScenicInfo.htm?scenicId={{d.rows[i].SCENIC_ID}}" target="_blank">
                            <img src="/UpLoad/scenic/{{d.rows[i].SCENIC_DEFAULT_PIC}} 690x283img.jpg" title="{{d.rows[i].SCENIC_NAME}}" />
                            <div class="hot_Info" data-value="{{d.rows[i].SCENIC_ID}}">{{d.rows[i].SCENIC_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i==1||i==2){ }}
                     <li class="hot_all hot_two">
                        <a class="hot_c" href="/wp_TravelScenicInfo.htm?scenicId={{d.rows[i].SCENIC_ID}}" target="_blank">
                            <img src="/UpLoad/scenic/{{d.rows[i].SCENIC_DEFAULT_PIC}} 246x283img.jpg" title="{{d.rows[i].SCENIC_NAME}}" />
                            <div class="hot_Info" data-value="{{d.rows[i].SCENIC_ID}}">{{d.rows[i].SCENIC_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i > 2 && i % 3 == 0){ }}
                     <li class="hot_all first">
                        <a class="hot_c" href="/wp_TravelScenicInfo.htm?scenicId={{d.rows[i].SCENIC_ID}}" target="_blank">
                            <img src="/UpLoad/scenic/{{d.rows[i].SCENIC_DEFAULT_PIC}} 246x283img.jpg" title="{{d.rows[i].SCENIC_NAME}}" />
                            <div class="hot_Info" data-value="{{d.rows[i].SCENIC_ID}}">{{d.rows[i].SCENIC_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i > 2 && i % 3 != 0){ }}
                     <li class="hot_all">
                        <a class="hot_c" href="/wp_TravelScenicInfo.htm?scenicId={{d.rows[i].SCENIC_ID}}" target="_blank">
                            <img src="/UpLoad/scenic/{{d.rows[i].SCENIC_DEFAULT_PIC}} 246x283img.jpg" title="{{d.rows[i].SCENIC_NAME}}" />
                            <div class="hot_Info" data-value="{{d.rows[i].SCENIC_ID}}">{{d.rows[i].SCENIC_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
            {{#} }}
        </xmp>
        <xmp id="svc_list_tem_food" style="display: none;">
             {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                {{#if(i==0){ }}
                     <li class="hot_first first hot_all">
                        <a class="hot_c" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                            <img title="{{d.rows[i].NICEFOOD_NAME}}" src="/UpLoad/nicefood/{{d.rows[i].NICEFOOD_DEFAULT_PIC}} 690x283img.jpg" />
                            <div class="hot_Info" data-value="{{d.rows[i].NICEFOOD_ID}}">{{d.rows[i].NICEFOOD_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i==1||i==2){ }}
                     <li class="hot_all hot_two">
                        <a class="hot_c" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                            <img title="{{d.rows[i].NICEFOOD_NAME}}" src="/UpLoad/nicefood/{{d.rows[i].NICEFOOD_DEFAULT_PIC}} 246x283img.jpg" />
                            <div class="hot_Info" data-value="{{d.rows[i].NICEFOOD_ID}}">{{d.rows[i].NICEFOOD_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i > 2 && i % 3 == 0){ }}
                     <li class="hot_all first">
                        <a class="hot_c" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                            <img title="{{d.rows[i].NICEFOOD_NAME}}" src="/UpLoad/nicefood/{{d.rows[i].NICEFOOD_DEFAULT_PIC}} 394x200img.jpg" />
                            <div class="hot_Info" data-value="{{d.rows[i].NICEFOOD_ID}}">{{d.rows[i].NICEFOOD_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i > 2 && i % 3 != 0){ }}
                     <li class="hot_all">
                        <a class="hot_c" href="/wp_TravelFoodInfo.htm?foodId={{d.rows[i].NICEFOOD_ID}}" target="_blank">
                            <img title="{{d.rows[i].NICEFOOD_NAME}}" src="/UpLoad/nicefood/{{d.rows[i].NICEFOOD_DEFAULT_PIC}} 394x200img.jpg" />
                            <div class="hot_Info" data-value="{{d.rows[i].NICEFOOD_ID}}">{{d.rows[i].NICEFOOD_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
            {{#} }}
        </xmp>
        <xmp id="svc_list_tem_specialty" style="display: none;">
            {{#for(var i=0,len=d.rows.length;i < len;i++){ }}
                {{#if(i==0){ }}
                     <li class="hot_first first hot_all">
                        <a class="hot_c" href="/wp_TravelSpecialtyInfo.htm?specialtyId={{d.rows[i].SPECIALTY_ID}}" target="_blank">
                            <img title="{{d.rows[i].SPECIALTY_NAME}}" src="/UpLoad/specialty/{{d.rows[i].SPECIALTY_DEFAULT_PIC}} 690x283img.jpg" />
                            <div class="hot_Info" data-value="{{d.rows[i].SPECIALTY_ID}}">{{d.rows[i].SPECIALTY_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i==1||i==2){ }}
                     <li class="hot_all hot_two">
                        <a class="hot_c" href="/wp_TravelSpecialtyInfo.htm?specialtyId={{d.rows[i].SPECIALTY_ID}}" target="_blank">
                            <img title="{{d.rows[i].SPECIALTY_NAME}}" src="/UpLoad/specialty/{{d.rows[i].SPECIALTY_DEFAULT_PIC}} 246x283img.jpg" />
                            <div class="hot_Info" data-value="{{d.rows[i].SPECIALTY_ID}}">{{d.rows[i].SPECIALTY_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i > 2 && i % 3 == 0){ }}
                     <li class="hot_all first">
                        <a class="hot_c" href="/wp_TravelSpecialtyInfo.htm?specialtyId={{d.rows[i].SPECIALTY_ID}}" target="_blank">
                            <img title="{{d.rows[i].SPECIALTY_NAME}}" src="/UpLoad/specialty/{{d.rows[i].SPECIALTY_DEFAULT_PIC}} 394x200img.jpg" />
                            <div class="hot_Info" data-value="{{d.rows[i].SPECIALTY_ID}}">{{d.rows[i].SPECIALTY_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
                {{#if(i > 2 && i % 3 != 0){ }}
                     <li class="hot_all">
                        <a class="hot_c" href="/wp_TravelSpecialtyInfo.htm?specialtyId={{d.rows[i].SPECIALTY_ID}}" target="_blank">
                            <img title="{{d.rows[i].SPECIALTY_NAME}}" src="/UpLoad/specialty/{{d.rows[i].SPECIALTY_DEFAULT_PIC}} 394x200img.jpg" />
                            <div class="hot_Info" data-value="{{d.rows[i].SPECIALTY_ID}}">{{d.rows[i].SPECIALTY_NAME}}</div>
                        </a>
                    </li>
                {{#} }}
            {{#} }}
            </xmp>
    </div>
    <%=msBsc.WebUi.Code.QtHtmlGet.GetFloorHtml() %>
    <!--start JS引用-->
    <script src="/jqPlugin/js/jquery-1.8.3.min.js"></script>
    <script src="/jqPlugin/js/jBase.js"></script>
    <script src="/jqPlugin/js/jBPage.js"></script>
    <script src="/jqPlugin/js/laytpl.js"></script>
    <script src="/jqPlugin/SelectSimu/js/SelectSimu.js"></script>
    <script src="/themes/wStyle1/js/comm/jsLayout.js"></script>
    <!--end JS引用-->
    <script type="text/javascript">

        function initSlider() {
            var timer1 = null;
            function timerdo1() {
                $("#slider .slider_touch .selected").animate({ marginLeft: '-100%' }, 600, function () {
                    var _self = $(this);
                    var _next = $(this).next();
                    var _tm1 = $("#slider .slider_touch li").last();
                    if (_self != _tm1) {
                        _self.removeClass("selected");
                        _next.addClass("selected");
                        _tm1.after(_self);
                        _self.css('margin-left', '0px');
                        $("#slider .serial-number .selected").removeClass("selected");
                        $("#slider .serial-number .point[pnum='" + _next.attr("pnum") + "']").addClass("selected");
                    }
                });
            }
            timer1 = setInterval(function () { timerdo1(); }, 5000);
        };
        //setArea("countryId_select", 82, 1, 1, ["DF6723BE-A25C-4F77-BB49-A1662D3E6F2A"], ["中国"]);
        //setArea("cityId_select", 82, 2, 1, ["AEF39D8E-D298-4AF1-AEC5-2B00D237F5F5"], ["北京"]);
        //setArea("destionId_select", 82, 3, 1, [""], ["全部"]);
        (function () {
            //$("#countryId").val(GetQueryStr("countryId"));
            //$("#cityId").val(GetQueryStr("cityId"));
            //$("#destionId").val(GetQueryStr("destionId"));
            initSlider();
        })()
        function btnDo(sEbtn) {
            GtGrid1Action = sEbtn;
            var opart = new jsonRow();
            if (sEbtn == "init") {
                opart = GetGtParam();
                opart = addNoAreStatistics(opart, "资讯首页", "w0006");
            }
            ajaxComm(opart);
        };
        //执行AJAX调用时获取参数
        function GetGtParam() {
            var _jsParam = new jsonRow();
            _jsParam.AddCell("parentsId", "00000000-0000-0000-0000-000000000000");
            _jsParam.AddCell("isAll", "true");
            _jsParam.AddCell("destionId", $("#destionId").val());
            _jsParam.AddCell("cityId", $("#cityId").val());
            _jsParam.AddCell("countryId", $("#countryId").val());
            _jsParam.AddCell("ACTION", GtGrid1Action);
            return _jsParam;
        };

        function setArea(input, width, zIndex, listNum, listValue, listOption) {
            $("#" + input).SelectSimu({
                width: width,
                zIndex: zIndex,
                listNum: listNum,
                listValue: listValue,
                listOption: listOption,
                imgSrc: '/jqPlugin/SelectSimu/img/icon_down.png'
            })
        }

        function updateSelet(inputId, data, selectId) {
            var selectValue = $("#" + inputId + " .selectList ul");
            selectValue.html("");
            var isSelect = false;
            for (var i = 0; i < data.rows.length; i++) {
                if (selectId == data.rows[i].COUNTRY_CITY_ID) {
                    $("#" + inputId + " input").val(data.rows[i].COUNTRY_CITY_ID);
                    $("#" + inputId + " span").text(data.rows[i].COUNTRY_CITY_NME);
                    isSelect = true;
                }
                selectValue.append('<li data-value="' + data.rows[i].COUNTRY_CITY_ID + '">' + data.rows[i].COUNTRY_CITY_NME + '</li>');
            }
            if (isSelect == false && data.rows.length > 0) {
                $("#" + inputId + " input").val(data.rows[0].COUNTRY_CITY_ID);
                $("#" + inputId + " span").text(data.rows[0].COUNTRY_CITY_NME);
            }
        }
        btnDo("init");
    </script>
</body>
</html>
